<template>
  <div class="fixed-footer">
    <ul class="fixed-footer-center">
      <li class="icon-shouye">
        <a href="/">首页</a>
      </li>
      <li class="icon-wangshangbaoming">
        <a href="/zxbm/">网上报名</a>
      </li>
      <li class="icon-zaixianzixun">
        <div class="icon-qrcode" v-if="qrcodeShow">
          <div class="mask" @click="qrcodeShow=false"></div>
          <img :src="configs.consult_qrcode_2" :alt="在线咨询" class="qrcode-img" />
        </div>
        <a href="javascript: void(0);" @click="qrcodeShow=true">在线咨询</a>
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  props: ['configs'],
  data() {
    return {
      qrcodeShow: false
    }
  }
}
</script>